@import "base.less";

@esui-text-bold-weight: bold;
@esui-text-muted-color: #999;
@esui-text-primary-color: #6CCDC0;
@esui-text-primary-hover-color: lighten(#6CCDC0, 5%);
@esui-text-success-color: #5CB85C;
@esui-text-success-hover-color: lighten(#5CB85C, 5%);
@esui-text-warning-color: #F0AD4E;
@esui-text-warning-hover-color: lighten(#F0AD4E, 5%);
@esui-text-danger-color: #D9534F;
@esui-text-danger-hover-color: lighten(#D9534F, 5%);
@esui-text-info-color: #5BC0DE;
@esui-text-info-hover-color: lighten(#5BC0DE, 5%);

// text-alignments
.@{ui-class-prefix}-text-left {
    text-align: left;
}

.@{ui-class-prefix}-text-center {
    text-align: center;
}

.@{ui-class-prefix}-text-right {
    text-align: right;
}

// text colors
.@{ui-class-prefix}-text-muted {
    color: @esui-text-muted-color;
}

a.@{ui-class-prefix}-text-muted:hover {
    color: @esui-text-muted-color;
}

.@{ui-class-prefix}-text-primary {
    color: @esui-text-primary-color;
}

a.@{ui-class-prefix}-text-primary:hover {
    color: @esui-text-primary-hover-color;
}

.@{ui-class-prefix}-text-success {
    color: @esui-text-success-color;
}

a.@{ui-class-prefix}-text-success:hover {
    color: @esui-text-success-hover-color;
}

.@{ui-class-prefix}-text-warning {
    color: @esui-text-warning-color;
}

a.@{ui-class-prefix}-text-warning:hover {
    color: @esui-text-warning-hover-color;
}

.@{ui-class-prefix}-text-danger {
    color: @esui-text-danger-color;
}

a.@{ui-class-prefix}-text-danger:hover {
    color: @esui-text-danger-hover-color;
}

.@{ui-class-prefix}-text-info {
    color: @esui-text-info-color;
}

a.@{ui-class-prefix}-text-info:hover {
    color: @esui-text-info-hover-color;
}

// 2 spaces
.@{ui-class-prefix}-text-indent {
    text-indent: 2em;
}